<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>二级分类页面</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/common.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/ej_class.css" />
<link href="<%=request.getContextPath() %>/css/common1.css" rel="stylesheet" type="text/css"/>
<link href="<%=request.getContextPath() %>/css/product1.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath() %>/bootstrap3/css/bootstrap.min.css">
<link rel="stylesheet" href="<%=request.getContextPath() %>/bootstrap3/css/bootstrap-theme.min.css">
<script src="<%=request.getContextPath() %>/js/jquery-1.11.2.min.js"></script>
<script src="<%=request.getContextPath() %>/js/bootstrap.min.js"></script>
<script type="text/javascript">

 function paging(page){
	location.href="<%=request.getContextPath()%>/categorysecond/category?page="+page;
 }



</script>

</head>
<body>
  <div id='your_id' style="position: fixed;left:10px;top:43px;width:108px">
		<a href='http://localhost:8080/lk/wel/toIndex' target='_blank'> <img
			src='<%=request.getContextPath()%>/images/sg.jpg' width='150'
			height='300' border='2' />
		</a>
	</div>
	<div id='your_id' style="position: fixed;right:51px;top:43px;width:108px">
		<a href='http://localhost:8080/lk/wel/toIndex' target='_blank'> <img
			src='<%=request.getContextPath()%>/images/sg.jpg' width='150'
			height='300' border='2' />
		</a>
	</div>
<%@include file="menu.jsp" %>
<div class="w_980 m">
<%-- <div class="w_980 fl_l ma_t10"><img src="<%=request.getContextPath() %>/images/ad8.jpg" width="980" height="60" /></div> --%>
<div class="w_980 fl_l">
  <div class="w_200 fl_l">
    <div class="ejfl_c ma_t10">
    	<div class="ejfl_title">商品分类</div>
			
			<c:forEach items="${categoryList}" var="l">
			<div class="ejfl_list">
        	<div class="ejfl_name"><a href="">${l.cname}</a></div>
              <ul class="ejfl_text">
              	<c:forEach items="${categorysecondList}" var="d">
	                
	               <c:if test="${d.cname==l.cname}">
		               	<%-- <c:forEach items="${d.csname}" var="m"> --%>
		                	<li><a href="<%=request.getContextPath() %>/categorysecond/category?csid=${d.csid}">${d.csname}</a></li>
	               			 <li> | </li>
		                <%-- </c:forEach> --%>
	               </c:if>
	                
                </c:forEach>
            </ul>            
          </div>
          </c:forEach>
			
			
			
			
			
			                                    
                                                                      
    </div>
    </div>
  <div class="w_770 fl_r">
 <div class="row" style="margin-top: 10px">
     <c:forEach items="${productList}" var="s" varStatus="sd">
    	
    	
	    	
	    		<div class="col-sm-6 col-md-3" style="width: 198px;height: 270px">
			        <a href="<%=request.getContextPath() %>/product/goods?pid=${s.pid}" class="thumbnail">
			            <img style="width: 170px;height: 165px" src="<%=request.getContextPath() %>/${s.image}"
			                 alt="通用的占位符缩略图">      
			        </a>
			        <span style="color: green;"> ${s.pname}</span><br/><span style="color: red;"></>商城价格：${s.marketPrice}</span>
			        
	   		 </div>
   	 </c:forEach>
   	
   
    
</div>
  </div>
  <!-- -===============无样式 -->
  
  <div class="pagination" style="margin-top: 3px;margin-bottom: 3px;margin-right: 15px">
  	第${pageUtil.currentPage}/${pageUtil.lastPage}页
			<a onclick="paging(1)" class="firstPage" style="color:red">&#60;&#60;</a>	
			<a onclick="paging(${pageUtil.prevPage})" class="previousPage" style="color:red">&#60;</a>
			<c:forEach var="i" begin="1" end="${pageUtil.lastPage}">
				
				
				<c:if test="${pageUtil.currentPage!=i }">
					<a href="javascript: $.pageSkip(2);">${i}</a>
				</c:if>
				<c:if test="${pageUtil.currentPage==i}">
					<span class="currentPage">${i}</span>
				</c:if>
			</c:forEach>
				
				
			<a onclick="paging(${pageUtil.nextPage})" class="nextPage" style="color:red" href="javascript: $.pageSkip(2);">&nbsp;&#62;</a>
			
			<a onclick="paging(${pageUtil.lastPage})" class="lastPage" style="color:red" href="javascript: $.pageSkip(2);">&#62;&#62;</a>
	</div>
	<!-- ================= -->
</div>
<div class="bottom fl_l ma_t10">
<div class="footlink">
    	<div class="footlinkt">配送范围</div>
        <ul>
        	<li><a href="">上海 |  北京 |  其他地区</a></li>
        	<li><a href="">配送费收取标准</a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">服务说明</div>
        <ul>
        	<li><a href="">付款方式</a></li>
        	<li><a href="">服务协议 </a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">我的订单</div>
        <ul>
        	<li><a href="">查询订单</a></li>
        	<li><a href="">如何下订单</a></li>            
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">售后服务</div>
        <ul>
        	<li><a href="">退换货原则</a></li>
        	<li><a href="">在线客服区</a></li>
        	<li><a href="">在线客服区</a></li>                         
        </ul>
    </div>
    <div class="footlink">
    	<div class="footlinkt">需要帮助</div>
        <ul>
        	<li><a href="">忘记密码</a></li>
        	<li><a href="">常见问题</a></li> 
        	<li><a href="">联系客服人员</a></li>
        	<li><a href="">抵用券使用说明</a></li>                         
        </ul>
    </div>
</div>
<div class="w_980 fl_l ma_t10">
	<ul class="footerpic1">
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/wmjl.jpg" width="217" height="49" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/mbby.jpg" width="217" height="49" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/gkzs.jpg" width="217" height="49" /></a></li>
    </ul>
</div>
<div class="w_980 fl_l ma_t10 te_m">关于我们 | 联系我们 | 人才招聘 | 商家入驻 | 广告服务 | 移动终端 | 友情链接 | 销售联盟
<br />北京市公安局海淀分局备案编号：11010233381  京ICP证070的4523号  
<br />Copyright2004-2011  五金商城 版权所有</div>
<div class="w_980 fl_l ma_t10">
	<ul class="footerpic">
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_04.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_05.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_06.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_07.gif" width="91" height="31" /></a></li>
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_pic_09.gif" width="91" height="31" /></a></li> 
    	<li><a href=" "><img src="<%=request.getContextPath() %>/images/footer_cnnic.jpg" width="91" height="31" /></a></li>                                         
    </ul>
</div>
</div>
</body>
</html>
